<template>
  <view class="material-stats-page">
    <TopBar title="配料单统计"></TopBar>
    <MultiTimePicker @confirm="handleTimeConfirm"></MultiTimePicker>
    <!-- 统计图表和数据展示区域 -->
  </view>
</template>

<script setup lang="ts">
import MultiTimePicker from '@/components/MultiTimePicker.vue';

const handleTimeConfirm = (timeRange: {start: string, end: string}) => {
  console.log('选择的时间范围:', timeRange);
  // 调用统计接口...
};
</script>